﻿var page = 1;
var plen = 20;
$(function () {
    load_data();
});
function htmls(id, d) {
    $('#datas').append('<tr style="padding: 10px 0px;" onclick="showpic(\'' + (id == d.memberid1 ? d.wxpic2 : d.wxpic1) + '\')"><td style="border-bottom:1px solid #ddd;padding:5px 3px;"><img src="' + (id == d.memberid1 ? d.face2 : d.face1) + '" width="30" style="border-radius:50%;"></td><td style="border-bottom:1px solid #ddd;padding:5px 3px;padding-top:10px;">' + (id == d.memberid1 ? d.name2 : d.name1) + '</td><td style="border-bottom:1px solid #ddd;padding:5px 3px;padding-top:10px;">' + (id == d.memberid1 ? d.wxno2 : d.wxno1) + '</td><td style="border-bottom:1px solid #ddd;padding:5px 3px;padding-top:10px;text-align:right;">T' + (id == d.memberid1 ? d.degree2 : d.degree1) + '</td></tr></table></td></tr>');
}
function load_data() {
    $('#datas tr').last().remove();
    $('#datas').append('<tr><td style="text-align:center;padding:10px;" colspan="4">正在加载数据</td></tr>');
    $.post('/dos_m/load_my_wxfriends', { page: page, plen: plen }, function (d) { eval(d); });
}
function next() {
    page++;
    load_data();
}
function show(id, d, p) {
    $('#datas tr').last().remove();
    if (d.length == 0) {
        $('#datas').append('<tr><td style="text-align:center;padding:10px;" colspan="4">没有数据了</td></tr>');
        return;
    }
    page = p;
    for (var i = 0; i < d.length; i++) {
        $('#datas').append(
                htmls(id, d[i])
            );
    }
    $('#datas').append('<tr><td style="text-align:center;padding:10px;" onclick="next()" colspan="4">点此加载更多</td></tr>');
}
function showpic(path) {
    layer.open({
        title: false
    , content: '<img src="' + path + '" style="max-width:100%;max-height:400px;">'
    });
}